<%--
  Created by IntelliJ IDEA.
  User: TaoSheng
  Date: 2022/10/19
  Time: 15:01
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>流水界面</title>
    <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
</head>
<body>
  <div>
      交易流水号：${flow.data.flowId}<br/>
      支付宝交易号：${flow.data.flowNumber}<br/>
      支付时间：${flow.data.flowPayTime}<br/>
      支付金额：${flow.data.flowPayPrice}
  </div>

  <script type="text/javascript">
      $(function(){
          var ws;
          //检测浏览器是否支持 webSocket
          if("WebSocket" in window){
              //$("#content").html("您的浏览器支持webSocket!");
              //模拟产生clientID
              //let clientID = Math.ceil(Math.random()*100);

              //创建 WebSocket 对象,注意请求路径！！！！
              ws = new WebSocket("ws://localhost:8081/demo/webSocket/"+2);

              //与服务端建立连接时触发
              ws.onopen = function(){
                  //  $("#content").append("<p>与服务端建立连接建立成功！您的客户端ID="+2+"</p>");

                  //模拟发送数据到服务器
                  ws.send("你好服务端！我是客户端 "+2);
              }

              // 接收到服务端消息时触发
              // ws.onmessage = function (evt) {
              //     let received_msg = evt.data;
              //     $("#content").append("<p>接收到服务端消息:"+received_msg+"</p>");
              // };

              //服务端关闭连接时触发
              // ws.onclose = function() {
              //     console.error("连接已经关闭.....")
              // };
          }else{
              //  $("#content").html("您的浏览器不支持webSocket！");
          }
      })
  </script>
</body>
</html>
